<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <link rel="stylesheet" href="../style/homepage.css">
  <script type="text/javascript" src="../script/libs/zepto.js">
  </script>
  <script type="text/javascript" src="../script/libs/template-web.js">
  </script>
  <script src="../script/libs/iscroll-probe.js" charset="utf-8">
  </script>

  <script src='../script/homePage.js'>
  </script>

  <!-- swiper -->
  <link rel="stylesheet" href="../script/libs/swiper.css">
  <script type="text/javascript" src="../script/libs/swiper.js">
  </script>

</head>

<body>
  <div class="m-index">
    <div id="homepageHeader">
      <div class="logoIcon"></div>
      <div class="inputWrapper">
        <span></span>
        <input type="text" value="">
      </div>
      <span id="naviSearch">搜素</span>

    </div>

    <div id="homepageBody">

      <div>
        <div class="swiper-container" id="swiper-container1">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="#">
                    <img src="http://img09.jiuxian.com/bill/2017/0606/99836a8f850d4e43b6a8a199aed5e33f.jpg" alt="">
                  </a>
            </div>
            <div class="swiper-slide">
              <a href="#">
                    <img src="http://img07.jiuxian.com/bill/2017/0601/cbebbb3407174de39677c86be95984f9.jpg" alt="">
                  </a>
            </div>
            <div class="swiper-slide">
              <a href="#">
                    <img src="http://img07.jiuxian.com/bill/2017/0602/92238f3f5cce4e7484f0c82070984418.jpg" alt="">
                  </a>
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>

        <div class="navList">
          <ul>
            <li>
              <a href="#">
                  <img src="http://img08.jiuxian.com/bill/2017/0601/b1d871c912c34db2ad5375162e374aa3.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img09.jiuxian.com/bill/2017/0601/4bbb7b0f1470438f9e963b80558c495a.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img10.jiuxian.com/bill/2017/0601/4fbb78b9eae6478d9732e6e993bad44b.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img08.jiuxian.com/bill/2017/0601/34204f500973498d8c29129458571ce1.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img06.jiuxian.com/bill/2017/0601/7ee47134906b4748b3d898df9b85f01c.jpg" alt="">
                </a>
            </li>

            <li>
              <a href="#">
                  <img src="http://img09.jiuxian.com/bill/2017/0601/2453be5669974421841d52a4443872c2.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img08.jiuxian.com/bill/2017/0601/99ca4ab52b824ded90e2d27417e8933a.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img09.jiuxian.com/bill/2017/0601/c6c27bcb75704c78aa70596df78b6989.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img06.jiuxian.com/bill/2017/0601/e462c2fd7601484b96891e4143fda2d5.jpg" alt="">
                </a>
            </li>
            <li>
              <a href="#">
                  <img src="http://img10.jiuxian.com/bill/2017/0601/02aee933d1f74d00bfc4720d26d8f9df.jpg" alt="">
                </a>
            </li>
          </ul>
        </div>

        <div class="swiper-container" id="swiper-container2">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="#">
                  <img src="http://img07.jiuxian.com/2017/0421/28fce270437a4b7695f535083db697a04.jpg" alt="">
                  <p>52°五粮液股份富贵天下佳藏500ml（6瓶装）</p>
                  <h4>
                    ￥199.00
                  </h4>
                  <h5>
                    ￥399.00
                  </h5>
                </a>
            </div>

            <div class="swiper-slide">
              <a href="#">
                  <img src="http://img07.jiuxian.com/2017/0421/28fce270437a4b7695f535083db697a04.jpg" alt="">
                  <p>52°五粮液股份富贵天下佳藏500ml（6瓶装）</p>
                  <h4>
                    ￥199.00
                  </h4>
                  <h5>
                    ￥399.00
                  </h5>
                </a>
            </div>

            <div class="swiper-slide">
              <a href="#">
                  <img src="http://img07.jiuxian.com/2017/0421/28fce270437a4b7695f535083db697a04.jpg" alt="">
                  <p>52°五粮液股份富贵天下佳藏500ml（6瓶装）</p>
                  <h4>
                    ￥199.00
                  </h4>
                  <h5>
                    ￥399.00
                  </h5>
                </a>
            </div>

            <div class="swiper-slide">
              <a href="#">
                  <img src="http://img07.jiuxian.com/2017/0421/28fce270437a4b7695f535083db697a04.jpg" alt="">
                  <p>52°五粮液股份富贵天下佳藏500ml（6瓶装）</p>
                  <h4>
                    ￥199.00
                  </h4>
                  <h5>
                    ￥399.00
                  </h5>
                </a>
            </div>

            <div class="swiper-slide">
              <a href="#">
                  <img src="http://img07.jiuxian.com/2017/0421/28fce270437a4b7695f535083db697a04.jpg" alt="">
                  <p>52°五粮液股份富贵天下佳藏500ml（6瓶装）</p>
                  <h4>
                    ￥199.00
                  </h4>
                  <h5>
                    ￥399.00
                  </h5>
                </a>
            </div>

          </div>
        </div>

        <div id="homepageList">
          <ul>
            <script id="indexList" type="text/html">
              {{each hashMapList}}
              <li>
                <a href="#">
                    <img src="{{$value.commonProductInfo.imgPath}}" alt="">
                    <p>"{{$value.commonProductInfo.pname}}"</p>
                    <span>{{$value.commonProductInfo.actPrice}}</span>
                  </a>
              </li>

              {{/each}}
            </script>
          </ul>

        </div>

        <div class="homePageFooter">
          <img src="../images/arrow.png">
          <span>上拉加载更多...</span>
        </div>
      </div>



    </div>





    <div id="homepageFooter">
      <ul class="tabBar">
        <li id="JXHomePageTab"><a href="#"><img src="http://img07.jiuxian.com/bill/2016/0224/cccd8df26a754c139de800406af82178.png" alt=""></a></li>
        <li id="JXCategoryTab"><a href="#"><img src="http://img09.jiuxian.com/bill/2016/0224/36a49b28ec5e4cdf9dbe37988199487d.png" alt=""></a></li>
        <li id="JXActivityTab"><a href="#"><img src="http://img10.jiuxian.com/bill/2017/0607/b9bf9bf23de1430ab8b58178c57d36c0.png" alt=""></a></li>
        <li id="JXShopChartTab"><a href="#"><img src="http://img06.jiuxian.com/bill/2016/0224/42baf46987b6460bb43b3396e9941653.png" alt=""></a></li>
        <li id="JXUserCenterTab"><a href="#"><img src="http://img08.jiuxian.com/bill/2016/0224/cba9029a8f4444a989a2ab5aa84c6538.png" alt=""></a></li>
      </ul>
    </div>
  </div>

</body>

</html>
